.TimerUnderConstruction {
    height: 100vh;
    width: 100%;
    background: rgb(254,255,0);
    background: radial-gradient(circle, rgba(254,255,0,1) 0%, rgba(251,111,25,1) 100%);
    text-align: center;
    color: #000;
    &:before,&:after{
        background-image: url("");
        position: absolute;
        left: 0;
        right: 0;
        height: 100px;
        content: ' ';
    }

    &:before{
        top: 0;
    }

    &:after{
        bottom: 0;
    }

    h1,h2{
        font-weight: 200;
    }

    .container{
        padding-top: 130px;
        padding-bottom: 130px;
        position: relative;


    }

    img{
        height: 30vh;
    }

    .social-list{
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 500px;
        margin: 1rem auto;
        a{

            color: black;

            i{
                font-size: 35px;
            }
        }
    }

    #udcd,#uhcd,#umcd,#uscd{
        background: #ffffff44;
        padding: 1rem;
        backdrop-filter: blur(11px);
        margin-bottom: 2rem;
        font-size: 60px;
        font-weight: 200;
        width: 20%;
        position: relative;
        border-radius: 7px;



        &:after{
            font-size: 20px;
            right: 0;
            left: 0;
            position: absolute;
            bottom: -15px;
            font-weight: 300;
        }
    }
    #udcd:after{
        content: attr(data-text);
    }
    #uhcd:after{
        content: attr(data-text);

    }
    #umcd:after{
        content: attr(data-text);

    }
    #uscd:after{
        content: attr(data-text);

    }

    #under-countdown{
        padding-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
}
